

<template>
    <div >
      <children />

    </div>


</template>

<!-- 添加自定义块 👇 -->
<!-- 
<route lang="yaml">
    meta:
      layout: mo_main
</route>
-->



<script setup lang="ts">    //注意这个是 setup 的语法糖
import { ref,onMounted,onUnmounted } from 'vue';  //没有这个ref也能自动引入，但会报错很烦
import { useRequest } from "vue-request"  
import Children from './mo_Demo/Demo_Home.vue'
    let count = 0 ;
    const c2 = ref(count);   //ref 画面展示的变量，count只给初值，后续count的变化不会影响c2
    const lo = ref(false);
    const Click01 = () => {
      count++;               //内部变量的变化不会展示到画面上
      c2.value += 1 ;        //ref 绑定的变量不能直接赋值，需要赋值给 value
      debugger ;
      console.log(count);
      const d1 = useRequest('/api/get') // 请求接口 /api/get
      console.log(d1.data.value);
      

      // const objectService = {
      //   url: '/mock/post',
      //   method: 'POST',
      //   headers: new Headers({
      //     'Content-Type': 'application/json',
      //   }),
      // };

      // const D2 = useRequest(objectService);
      // console.log(D2.data.value);
      
    }


    //所有的生命周期用法均为回调函数
    onMounted(()=>{
      console.log('我创建了');
    })
    // 销毁实例变为onUnmounted，与vue2的destroy作用一致
    onUnmounted(()=>{
      console.log('我销毁了');
    })


</script>

